<template>
  <div class="TeamLog-container">
    <!-- 栅格 输入框 和按钮 searchValue-->
    <el-row class="filterCondition">
      <el-form label-width="82px" label-position="right" ref="formLabelAlign"  :model="formLabelAlign">
        <el-form-item label="经营属性" v-show="showForAD">
          <el-select v-model="formLabelAlign.type" placeholder="默认自营">
            <el-option label="全部" value = "" ></el-option>
            <el-option label="自营" value = "zy" ></el-option>
            <el-option label="加盟" value = "jm" ></el-option>
          </el-select>
        </el-form-item>
        <el-form-item prop="city" label="城市" v-if="ShowCity">
          <el-select v-model="formLabelAlign.city" placeholder="请选择城市" >
            <el-option label="所有" value="all"></el-option>
              <el-option
                v-for="item in cityselectList"
                :key="item.id"
                :label="item.name"
                :value="item.name"
              ></el-option>
            </el-select>
        </el-form-item>
        <el-form-item prop="scopeOf" label="层级">
          <el-select v-model="formLabelAlign.scopeOf" id="otherThing" placeholder="请选择层级">
            <el-option label="分公司" value="fenGS" v-show="showCengJi.fenGS"></el-option>
            <el-option label="区域" value="quyu" v-show="showCengJi.quyu"></el-option>
            <el-option label="部门" value="bumen" v-show="showCengJi.bumen"></el-option>
            <el-option label="顾问" value="guwen" v-show="showCengJi.guwen"></el-option>
          </el-select>
          <el-input v-model="formLabelAlign.searchValue" class="yaosile" id="addThing"></el-input>
        </el-form-item>
        <el-form-item prop="timeType" label="时间">
          <el-select v-model="formLabelAlign.dayType" id="time" @change="holderQuJian" placeholder="时间" >
            <el-option
              v-for="item in timeList"
              :key="item.id"
              :label="item.name"
              :value="item.id"
            ></el-option>
          </el-select>
        </el-form-item>
        <el-form-item prop="completeTime" label="选择区间" v-show="isShow">
          <div class="block" >
            <el-date-picker
              v-model="completeTime"
              type="daterange"
              format="yyyy-MM-dd"
              value-format="yyyy-MM-dd"
              range-separator="至"
              start-placeholder="开始日期"
              end-placeholder="结束日期"
              :picker-options="pickerOptions"
            ></el-date-picker>
          </div>
        </el-form-item>
        <el-form-item class="BTN">
        <el-button style="background-color:#c73e3a;color:#fff" @click="checkCus" class="check" :disabled="disTBN">查询</el-button>
        </el-form-item>
      </el-form>
    </el-row>
    <!-- table -->
    <!-- <el-table  @selection-change="changeCus" :row-class-name="tableRowClassName" :data="tableData" style="width: 100%" stripe> -->
    <el-table  :data="tableData" style="width: 100%" v-loading="loading" :row-style="headerColor">
      <!-- <el-table-column type="selection" width="55"></el-table-column> -->
      <el-table-column prop="name" label="名字" width="100"></el-table-column>
      <el-table-column label="归属" width="200">
        <template slot-scope="scope">
          <p class="ell">{{ scope.row.parentName2 }}{{scope.row.parentName3 | panKong}}{{scope.row.parentName4 | panKong}}</p>
        </template> 
      </el-table-column>
      <el-table-column prop="companyPosition" label="岗位" >
        <template slot-scope="scope">
          <p class="ell">{{ scope.row.companyPosition }}</p>
        </template> 
      </el-table-column>
      <el-table-column label="通时/次" >
        <template slot-scope="scope">{{scope.row.tongShi | SToMin}}/{{scope.row.passTimes}}</template>
      </el-table-column>
      <el-table-column label=">2分钟通时/次" >
        <template slot-scope="scope">{{scope.row.twoTongShi | SToMin}}/{{scope.row.twoPassTimes}}</template>
      </el-table-column>
      <el-table-column label="邀约/当日上门" >
        <template slot-scope="scope">{{scope.row.invitation}}/{{scope.row.todayCount}}</template>
      </el-table-column>
      <!-- <el-table-column prop="todayCount" label="当日上门" ></el-table-column> -->
      <el-table-column prop="singingCount" label="当日签约" ></el-table-column>
      <el-table-column label="当日进件"  >
          <template slot-scope="scope">{{scope.row.jinJianCount}}/{{scope.row.jinJianSumMoney}}</template>
      </el-table-column>
      <el-table-column label="当日放款"  >
        <template slot-scope="scope">{{scope.row.fkCount}}/{{scope.row.fkSumMoney}}</template>
      </el-table-column>
      <el-table-column label="当日收款"  >
        <template slot-scope="scope">{{scope.row.thePayeeCount}}/{{scope.row.thePayeeSum}}</template>
      </el-table-column>
      <el-table-column prop="tomorrowCount" label="次日上门" ></el-table-column>
      <!-- <el-table-column prop="days" label="日期" >
        <template slot-scope="scope">
            <p class="ell">{{ scope.row.days | formatTime }}</p>
          </template> 
      </el-table-column> -->
      <el-table-column fixed="right" label="操作" width="100">
        <template slot-scope="scope">
          <!-- <el-button type="text"  @click="checkDetail(scope.row)" size="small" v-if="scope.row.companyPosition"><i class="el-icon-search"></i>查看详情</el-button> -->
          <el-button type="text"  @click="checkDetail(scope.$index,scope.row)" size="small" ><i class="el-icon-search"></i>查看详情</el-button>
        </template>
      </el-table-column>
    </el-table>
    <!-- 分页 团队日志没有分页功能-->
    <!-- <el-pagination  @size-change="handleSizeChange"  @current-change="handleCurrentChange"  :current-page="pageConfig.currentPage"  :page-sizes="[10, 20 ,50, 100]"  :page-size="pageConfig.pageSize"  layout="total, sizes, prev, pager, next, jumper"  :total="pageConfig.total">
    </el-pagination> -->
    <!-- 弹出框 -->
    <el-dialog title="团队日志详情" style="text-align:center" :visible.sync="dialogFormVisible">
        <div>
        <el-radio-group v-model="chongZhiForm.typeZH" @change="TCTableStyle">
          <el-radio-button label="当日上门" ></el-radio-button>
          <el-radio-button label="当日进件" ></el-radio-button>
          <el-radio-button label="当日放款" ></el-radio-button>
          <el-radio-button label="次日上门" ></el-radio-button>
          <el-radio-button label="当前在审件" ></el-radio-button>
        </el-radio-group>
      </div><br>
      <!-- 当日上门表单 -->
      <el-table  :data="DStableData" style="width: 100%" height="380" v-loading="loading" v-show="showTanKuangTable.todaySMShow">
        <el-table-column label="归属" width="200">
          <template slot-scope="scope">
            <p class="ell">{{ scope.row.parentName2 }}{{scope.row.parentName3 | panKong}}{{scope.row.parentName4 |panKong}}</p>
          </template> 
        </el-table-column>
        <el-table-column prop="userName" label="顾问名称" ></el-table-column>
        <el-table-column prop="companyPosition" label="岗位" >
          <template slot-scope="scope">
            <p class="ell">{{ scope.row.companyPosition }}</p>
          </template> 
        </el-table-column>
        <!-- <el-table-column prop="customerId" label="客户ID" ></el-table-column> -->
        <el-table-column label="客户姓名" >
          <template slot-scope="scope">
            <!-- <p class="ell">{{ scope.row.name}}</p> -->
            <p class="ell">{{ scope.row.name|shieldName }}</p>
          </template> 
        </el-table-column>
        <el-table-column  label="星级"  align="center">
          <template slot-scope="scope">{{ scope.row.level| levelKind }}</template>
        </el-table-column>
        <el-table-column  label="状态"  align="center">
          <template slot-scope="scope">
            <span v-if="scope.row.state == '资质不符' " style='color:#C73E3A'>{{ scope.row.state}}</span>
            <span v-else-if=" scope.row.state == '已签约'||scope.row.state == '已上门'  || scope.row.state == '待签约'|| scope.row.state == '已放款'|| scope.row.state == '审核中'" style='color:#5BBD2B'>{{ scope.row.state}}</span>
            <span v-else-if="scope.row.state == '已受理' || scope.row.state == '未接通' || scope.row.state == '待跟进'" style='color:#3390ff'>{{ scope.row.state}}</span>
            <span v-else-if="scope.row.state == '捣乱申请' || scope.row.state == '外地申请'|| scope.row.state == '已拒批'|| scope.row.state == '重复申请'" style='color:#D7962F'>{{ scope.row.state}}</span>
            <span v-else style='color:grey'>{{ scope.row.state}}</span>
          </template>
        </el-table-column>
        <el-table-column prop="remarks" label="资质" width="300">
          <template slot-scope="scope">
            <el-tooltip class="item" effect="dark"  placement="top">
            <div style="width:200px;" slot="content">{{scope.row.remarks |panKong}}</div>
              <p class="ell"   >{{ scope.row.remarks |panKong}}</p>
            </el-tooltip> 
          </template>
        </el-table-column>
        <!-- <el-table-column prop="createTime" label="上门时间" ></el-table-column> -->
        <el-table-column prop="signing" label="是否签约" >
          <template slot-scope="scope">
            <p class="ell">{{ scope.row.signing | IsSingning }}</p>
          </template> 
        </el-table-column>
        <el-table-column prop="content" label="说明" ></el-table-column>
        <el-table-column label="上门日期" >
          <template slot-scope="scope">{{ scope.row.createTime | formatTime }}</template>
        </el-table-column>
      </el-table>
      <!-- 当日上门分页 -->
      <el-pagination v-show="showTanKuangTable.todaySMShow" @size-change="detailhandleSizeChange"  @current-change="detailhandleCurrentChange"  :current-page="DSpageConfig.DScurrentPage"  :page-sizes="[10]"  :page-size="DSpageConfig.DSpageSize"  layout="total, sizes, prev, pager, next, jumper"  :total="DSpageConfig.DStotal">
      </el-pagination>
      <!-- 当日进件表单 新增-->
      <el-table  :data="DJtableData" style="width: 100%" height="380" v-loading="loading" v-show="showTanKuangTable.todayDSShow">
        <el-table-column label="归属" width="200">
          <template slot-scope="scope">
            <p class="ell">{{ scope.row.departmentName2 }}{{scope.row.departmentName3 | panKong}}{{scope.row.dname |panKong}}</p>
          </template> 
        </el-table-column>
        <el-table-column prop="userName" label="顾问名称" ></el-table-column>
        <el-table-column prop="companyPosition" label="岗位" >
          <template slot-scope="scope">
            <p class="ell">{{ scope.row.companyPosition }}</p>
          </template> 
        </el-table-column>
        <!-- <el-table-column prop="customerId" label="客户ID" ></el-table-column> -->
        <el-table-column label="姓名" >
           <template slot-scope="scope">
            <!-- <p class="ell">{{ scope.row.name}}</p> -->
            <p class="ell">{{ scope.row.customerName|shieldName }}</p>
          </template> 
        </el-table-column>
        <el-table-column prop="jinJianBankName" label="进件银行" ></el-table-column>
        <el-table-column prop="state" label="状态" ></el-table-column>
        <el-table-column prop="rate" label="费率" ></el-table-column>
        <el-table-column prop="fangKuanRate" label="批款额度" ></el-table-column>
        <el-table-column prop="jingShouRu" label="净收入" ></el-table-column>
        <el-table-column label="进件日期" >
          <template slot-scope="scope">{{ scope.row.jinJianTime | formatTime }}</template>
        </el-table-column>
      </el-table>
      <!-- 当日进件分页 -->
      <!-- <el-pagination v-show="showTanKuangTable.todayDSShow" @size-change="detailhandleSizeChange"  @current-change="detailhandleCurrentChange"  :current-page="DJpageConfig.DJcurrentPage"  :page-sizes="[10, 20 ,50, 100]"  :page-size="DJpageConfig.DJpageSize"  layout="total, sizes, prev, pager, next, jumper"  :total="DJpageConfig.DJtotal">
      </el-pagination> -->
      <!-- 当日放款表单 -->
      <el-table  :data="DFtableData" style="width: 100%" height="380" v-loading="loading" v-show="showTanKuangTable.todayFKShow">
        <el-table-column prop="userName" label="顾问名称" width="60"></el-table-column>
        <el-table-column label="归属" width="180">
          <template slot-scope="scope">
            <p class="ell">{{ scope.row.departmentName2 }}{{scope.row.departmentName3 | panKong}}{{scope.row.dname |panKong}}</p>
          </template> 
        </el-table-column>
        <!-- <el-table-column prop="customerId" label="客户ID" ></el-table-column> -->
        <el-table-column prop="customerName" label="客户姓名" >
          <template slot-scope="scope">
            <!-- <p class="ell">{{ scope.row.name}}</p> -->
            <p class="ell">{{ scope.row.customerName|shieldName }}</p>
          </template> 
        </el-table-column>
        <el-table-column prop="jinJianBankName" label="进件银行" ></el-table-column>
        <el-table-column prop="rate" label="费率" ></el-table-column>
        <el-table-column prop="fangKuanRate" label="批款额度" ></el-table-column>
        <el-table-column prop="jingShouRu" label="净收入" ></el-table-column>
        <el-table-column label="放款时间" >
          <template slot-scope="scope">{{ scope.row.fangKuanTime | formatTime }}</template>
        </el-table-column>
      </el-table>
      <!-- 当日放款分页 -->
      <!-- <el-pagination v-loading="loading" v-show="showTanKuangTable.todayFKShow"  @size-change="detailhandleSizeChange"  @current-change="detailhandleCurrentChange"  :current-page="DFpageConfig.DFcurrentPage"  :page-sizes="[10, 20 ,50, 100]"  :page-size="DFpageConfig.DFpageSize"  layout="total, sizes, prev, pager, next, jumper"  :total="DFpageConfig.DFtotal">
      </el-pagination> -->
      <!-- 次日上门表单 -->
      <el-table  :data="CStableData" style="width: 100%" height="380" v-loading="loading" v-show="showTanKuangTable.tomorrowSMShow">
        <!-- <el-table-column prop="id" label="日志ID" ></el-table-column> -->
        <el-table-column label="归属" width="200">
          <template slot-scope="scope">
            <p class="ell">{{ scope.row.parentName2 }}{{scope.row.parentName3 | panKong}}{{scope.row.parentName4 |panKong}}</p>
          </template> 
        </el-table-column>
        <el-table-column prop="userName" label="顾问名称" ></el-table-column>
        <el-table-column prop="companyPosition" label="岗位" >
          <template slot-scope="scope">
            <p class="ell">{{ scope.row.companyPosition }}</p>
          </template> 
        </el-table-column>
        <!-- <el-table-column prop="customerId" label="客户ID" ></el-table-column> -->
        <el-table-column prop="name" label="客户姓名" >
          <template slot-scope="scope">
            <!-- <p class="ell">{{ scope.row.name}}</p> -->
            <p class="ell">{{ scope.row.name|shieldName }}</p>
          </template>
        </el-table-column>
        <el-table-column  label="星级" align="center">
          <template slot-scope="scope">{{ scope.row.level| levelKind }}</template>
        </el-table-column>
        <el-table-column  label="是否上门" align="center">
          <template slot-scope="scope">{{ scope.row.doorState | IsComed}}</template>
        </el-table-column>
        <el-table-column  label="状态" align="center">
          <template slot-scope="scope">
            <span v-if="scope.row.state == '资质不符' " style='color:#C73E3A'>{{ scope.row.state}}</span>
            <span v-else-if=" scope.row.state == '已签约'||scope.row.state == '已上门'  || scope.row.state == '待签约'|| scope.row.state == '已放款'|| scope.row.state == '审核中'" style='color:#5BBD2B'>{{ scope.row.state}}</span>
            <span v-else-if="scope.row.state == '已受理' || scope.row.state == '未接通' || scope.row.state == '待跟进'" style='color:#3390ff'>{{ scope.row.state}}</span>
            <span v-else-if="scope.row.state == '捣乱申请' || scope.row.state == '外地申请'|| scope.row.state == '已拒批'|| scope.row.state == '重复申请'" style='color:#D7962F'>{{ scope.row.state}}</span>
            <span v-else style='color:grey'>{{ scope.row.state}}</span>
          </template>
        </el-table-column>
        <el-table-column prop="remarks" label="资质" width="300">
          <template slot-scope="scope">
            <el-tooltip class="item" effect="dark"  placement="top">
            <div style="width:200px;" slot="content">{{scope.row.remarks |panKong}}</div>
              <p class="ell"   >{{ scope.row.remarks |panKong}}</p>
            </el-tooltip> 
          </template>
        </el-table-column>
        <el-table-column label="分配时间" >
          <template slot-scope="scope">
            <p class="ell">{{ scope.row.distributionTime | formatTime }}</p>
          </template> 
        </el-table-column>
        <el-table-column label="创建日期" >
          <template slot-scope="scope">{{ scope.row.createTime | formatTime }}</template>
        </el-table-column>
      </el-table>
      <!-- 次日上门分页 -->
      <el-pagination v-show="showTanKuangTable.tomorrowSMShow"  @size-change="detailhandleSizeChange"  @current-change="detailhandleCurrentChange"  :current-page="CSpageConfig.CScurrentPage"  :page-sizes="[10 ]"  :page-size="CSpageConfig.CSpageSize"  layout="total, sizes, prev, pager, next, jumper"  :total="CSpageConfig.CStotal">
      </el-pagination>
      <!-- 当前在审件表单 新增-->
      <el-table  :data="SJtableData" style="width: 100%" height="380" v-loading="loading" v-show="showTanKuangTable.todaySJShow">
        <el-table-column label="归属" width="200">
          <template slot-scope="scope">
            <p class="ell">{{ scope.row.departmentName2 }}{{scope.row.departmentName3 | panKong}}{{scope.row.dname |panKong}}</p>
          </template> 
        </el-table-column>
        <el-table-column prop="userName" label="顾问名称" ></el-table-column>
        <el-table-column prop="companyPosition" label="岗位" >
          <template slot-scope="scope">
            <p class="ell">{{ scope.row.companyPosition }}</p>
          </template> 
        </el-table-column>
        <!-- <el-table-column prop="customerId" label="客户ID" ></el-table-column> -->
        <el-table-column label="姓名" >
          <template slot-scope="scope">
            <!-- <p class="ell">{{ scope.row.name}}</p> -->
            <p class="ell">{{ scope.row.customerName|shieldName }}</p>
          </template>
        </el-table-column>
        <el-table-column prop="jinJianBankName" label="进件银行" ></el-table-column>
        <el-table-column prop="rate" label="费率" ></el-table-column>
        <el-table-column prop="jinJianRate" label="进件额度" ></el-table-column>
        <el-table-column prop="depositMoney" label="诚意金" ></el-table-column>
        <el-table-column prop="state" label="进度" ></el-table-column>
        <el-table-column label="进件日期" >
          <template slot-scope="scope">
            <p class="ell">{{ scope.row.jinJianTime | formatTime }}</p>
          </template> 
        </el-table-column>
      </el-table>
      <!-- 当前在审件分页 -->
      <!-- <el-pagination v-show="showTanKuangTable.todaySJShow"  @size-change="detailhandleSizeChange"  @current-change="detailhandleCurrentChange"  :current-page="SJpageConfig.SJcurrentPage"  :page-sizes="[10, 20 ,50, 100]"  :page-size="SJpageConfig.SJpageSize"  layout="total, sizes, prev, pager, next, jumper"  :total="SJpageConfig.SJtotal">
      </el-pagination> -->
    </el-dialog>
  </div>
</template>

<script>
// 导入时间戳
import moment from 'moment'
export default {
  name: "TeamLog",
  // 数据
  data() {
    return {
      //时间区间
      pickerOptions: {
        shortcuts: [{
          text: '最近一周',
          onClick(picker) {
            const end = new Date();
            const start = new Date();
            start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
            picker.$emit('pick', [start, end]);
          }
        }, {
          text: '最近一个月',
          onClick(picker) {
            const end = new Date();
            const start = new Date();
            start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
            picker.$emit('pick', [start, end]);
          }
        }, {
          text: '最近三个月',
          onClick(picker) {
            const end = new Date();
            const start = new Date();
            start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
            picker.$emit('pick', [start, end]);
          }
        }]
      },
      currentUser:{
        currentName:"",
        currentId:"",
        currentLevel:"",
        currentPhone:"",
        currentcity:""
      },
      //未分割的完整版时间区间
      completeTime: '',
      //新增弹窗数据
      chongZhiForm: {
        typeZH:"当日上门", //充值类型中文
        type:'0'   // 充值类型
      },
      ShowCity:false,
      showTimeKind:true,
      //弹窗隐藏显示  
      showTanKuangTable:{
        todaySMShow:true,
        todayFKShow:false,
        todayDSShow:false, //当日进件
        tomorrowSMShow:false,
        todaySJShow:false //当前在审件
      },
      //控制层级显示的值
      showCengJi:{
        fenGS:true,
        quyu:true,
        bumen:true,
        guwen:true
      },
      showForAD:false, //仅向管理员显示经营属性
      loading:true,
      //时间区间隐藏状态
      isShow:false,
      //禁用按钮的状态值
      disTBN:false,
      //时间选择生成内容
      timeList: [
        { id: "today", name: "今日" },
        { id: "yestoday", name: "昨日" },
        // { id: "JinLiangDays", name: "近两天" },
        { id: "sevenDay", name: "最近七天" },
        { id: "tomonth", name: "本月" },
        { id: "customize", name: "自定义" },
      ],
      //页码参数
      pageConfig:{
        currentPage:1,//当前页
        pageSize:10,//当前单页数据条数
        total:0,//请求到的数据总条数
      },
      DcurrentPage:1, //临时存储当前页
      DpageSize:10, //临时存页容量
      //当日上门页码参数
      DSpageConfig:{
        DScurrentPage:1,//当前页
        DSpageSize:10,//当前单页数据条数
        DStotal:0,//请求到的数据总条数
      },
      //当日进件页码参数 （新）
      DJpageConfig:{
        DJcurrentPage:1,//当前页
        DJpageSize:10,//当前单页数据条数
        DJtotal:0,//请求到的数据总条数
      },
      //当日放款页码参数
      DFpageConfig:{
        DFcurrentPage:1,//当前页
        DFpageSize:10,//当前单页数据条数
        DFtotal:0,//请求到的数据总条数
      },
      //次日上门页码参数
      CSpageConfig:{
        CScurrentPage:1,//当前页
        CSpageSize:10,//当前单页数据条数
        CStotal:0,//请求到的数据总条数
      },
      //当前审件页码参数 （新）
      SJpageConfig:{
        SJcurrentPage:1,//当前页
        SJpageSize:1000,//当前单页数据条数   后端没有写分页  临时先做隐藏处理
        SJtotal:0,//请求到的数据总条数
      },
      cityselectList: [{ id: 0, name: "请先选择城市" }],
      //新增弹窗数据
      teamLogForm: {
        typeZH:"当日上门", //充值类型中文
        time:"", //按时间搜索
        type:"today", //值：today，todayJinJian ，tomorrow，todayFk，danQian 默认当日
      },
      //客户筛选区域数据
      formLabelAlign: {
        type : "zy", 	//	经营属性
        scopeOf : "bumen", 	//	层级
        city : "", 	//	城市
        timeType: "", 	//时间类型
        dayType: "today", 	//日期类型
        searchValue:"", //输入框
        beginTime : "", 	//开始时间
        endTime : "",  //	结束时间
        pageSize : "", 	//分页大小
        currentPage : "", //	当前页码
        name:"",
        parentName2:"",
        parentName3:"",
        parentName4:"",
      },
      // 四个表格
      tableData: [],
      DStableData: [], //弹窗当日上门
      DFtableData: [], //弹窗当日收款
      DJtableData: [], //弹窗当日进件
      CStableData: [], //弹窗次日上门
      SJtableData: [], //弹窗当前审件
      dialogFormVisible: false,
      totalIndex:0,  //标记总计详情的index
    };
  },
  methods: {
    //首行总计为红色
    headerColor({row,rowIndex}){
      if (rowIndex == 0) {
        return 'color:red'
      }
    },
    //默认第一页
    chooseFirstPage(){
      this.DSpageConfig.DScurrentPage = 1;
      this.DFpageConfig.DFcurrentPage = 1;
      this.CSpageConfig.CScurrentPage = 1;
      this.SJpageConfig.SJcurrentPage = 1;
      this.DJpageConfig.DJcurrentPage = 1;
    },
    //查询类型
    TCTableStyle(val){
      this.chooseFirstPage()
      // console.log(val);
      if (val == "当日上门") {
        this.teamLogForm.type = "today";
        this.showTanKuangTable.todaySMShow = true
        this.showTanKuangTable.todayFKShow = false
        this.showTanKuangTable.todayDSShow = false
        this.showTanKuangTable.tomorrowSMShow = false
        this.showTanKuangTable.todaySJShow = false
        const currentPage = this.DSpageConfig.DScurrentPage
        const pageSize = this.DSpageConfig.DSpageSize
        this.getDetailList(currentPage,pageSize)
      }
      if (val == "当日进件") {
        this.teamLogForm.type = "todayJinJian";
        this.showTanKuangTable.todaySMShow = false
        this.showTanKuangTable.todayDSShow = true
        this.showTanKuangTable.todayFKShow = false
        this.showTanKuangTable.tomorrowSMShow = false
        this.showTanKuangTable.todaySJShow = false
        const currentPage = this.SJpageConfig.SJcurrentPage;
        const pageSize = this.SJpageConfig.SJpageSize;
        this.getDetailList(currentPage,pageSize)
      }
      if (val == "当日放款") {
        this.teamLogForm.type = "todayFk";
        this.showTanKuangTable.todaySMShow = false
        this.showTanKuangTable.todayDSShow = false
        this.showTanKuangTable.todayFKShow = true
        this.showTanKuangTable.tomorrowSMShow = false
        this.showTanKuangTable.todaySJShow = false
        const currentPage = this.DFpageConfig.DFcurrentPage
        const pageSize = this.DFpageConfig.DFpageSize
        this.getDetailList(currentPage,pageSize)
      }
      if (val == "次日上门") {
        this.teamLogForm.type = "tomorrow";
        this.showTanKuangTable.todaySMShow = false
        this.showTanKuangTable.todayDSShow = false
        this.showTanKuangTable.todayFKShow = false
        this.showTanKuangTable.tomorrowSMShow = true
        this.showTanKuangTable.todaySJShow = false
        const currentPage = this.CSpageConfig.CScurrentPage
        const pageSize = this.CSpageConfig.CSpageSize
        this.getDetailList(currentPage,pageSize)
      }
      if (val == "当前在审件") {
        this.teamLogForm.type = "danQian";
        this.showTanKuangTable.todaySMShow = false
        this.showTanKuangTable.todayDSShow = false
        this.showTanKuangTable.todayFKShow = false
        this.showTanKuangTable.tomorrowSMShow = false
        this.showTanKuangTable.todaySJShow = true
        const currentPage = this.SJpageConfig.SJcurrentPage
        const pageSize = this.SJpageConfig.SJpageSize
        this.getDetailList(currentPage,pageSize)
      }
    },
    //判断时间区间是否隐藏
    holderQuJian(vId){
      let obj = {};
      obj = this.timeList.find(item => {
        //这里的fenselectList就是上面遍历的数据源
        return item.id === vId; //筛选出匹配数据
      });
      // console.log(obj.name);
      if (obj.id == "customize") {
        this.isShow = true;
      } else if (obj.id == "today") {
        this.isShow = false;
        this.formLabelAlign.beginTime = moment(new Date()).format("YYYY-MM-DD ") + " " + "00:00:00";
        this.teamLogForm.time = moment(new Date()).format("YYYY-MM-DD ");
        this.formLabelAlign.endTime = moment(new Date()).format("YYYY-MM-DD ")+ " " + "23:59:59";
        this.completeTime = "";
      } else if (obj.id == "yestoday") {
        this.isShow = false;
        this.formLabelAlign.beginTime = moment(new Date().setTime(new Date().getTime() - 3600 * 1000 * 24 * 1)).format("YYYY-MM-DD ") + " " + "00:00:00";
        this.teamLogForm.time = moment(new Date().setTime(new Date().getTime() - 3600 * 1000 * 24 * 1)).format("YYYY-MM-DD ");
        this.formLabelAlign.endTime = moment(new Date().setTime(new Date().getTime() - 3600 * 1000 * 24 * 1)).format("YYYY-MM-DD ") + " " + "23:59:59";  //昨日
        this.completeTime = "";
      } else if (obj.id == "sevenDay") {
        this.isShow = false;
        this.formLabelAlign.beginTime = moment(new Date().setTime(new Date().getTime() - 3600 * 1000 * 24 * 7)).format("YYYY-MM-DD ") + " " + "00:00:00";
        this.teamLogForm.time = moment(new Date().setTime(new Date().getTime() - 3600 * 1000 * 24 * 7)).format("YYYY-MM-DD ");
        this.formLabelAlign.endTime = moment(new Date()).format("YYYY-MM-DD ")+ " " + "23:59:59";
        this.completeTime = "";
      } else if (obj.id == "tomonth") {
        this.isShow = false;
        this.formLabelAlign.beginTime = moment(new Date()).format("YYYY-MM-01 ") + " " + "00:00:00";
        this.teamLogForm.time = moment(new Date()).format("YYYY-MM-01 ");
        this.formLabelAlign.endTime = moment(new Date()).format("YYYY-MM-DD ")+ " " + "23:59:59";
        this.completeTime = "";
      } else {
        this.isShow = false;
        this.completeTime = "";
      }
    },
    //判断某个表单是否隐藏
    holderSK(val){
      // console.log(val);
      // if (val == "jm") {
      //   this.ShowSK = true;
      // }else{
      //   this.ShowSK = false;
      //   this.formLabelAlign.state = ""
      // }
    },
    //单行数据的编辑和查看详情
    handleClick(val){
        // console.log(val);
        // 编程式导航
        this.$router.push({ path: '/EditLog'})
        // this.$router.push({ path: '/myCusEdit', query: { "CusId": CusId } })
        // window.sessionStorage.setItem("CusId", CusId);
    },
    //获取团队日志List的方法
    getTeamLogList(){
      this.$axios
      .get(`/spider/theDoor/getTheDoorList?userId=${this.currentUser.currentid}&city=${this.formLabelAlign.city}&type=${this.formLabelAlign.type}&scopeOf=${this.formLabelAlign.scopeOf}&searchValue=${this.formLabelAlign.searchValue}&searchType=${this.formLabelAlign.searchType}&beginTime=${this.formLabelAlign.beginTime}&endTime=${this.formLabelAlign.endTime}&currentPage=${this.pageConfig.currentPage}&pageSize=${this.pageConfig.pageSize}`)
      .then(res => {
        if (res.data.messageModel.code == 0) {
          this.tableData = res.data.dataModel;
          this.pageConfig.total = res.data.dataModel.total;
          this.summaryFun()
          this.loading = false
        }else{
          this.$message.error(res.data.messageModel.messageText);
          this.tableData = [];
          this.pageConfig.total = 0;
          this.loading = false
        }
        })
      .catch(error => {
        console.log(error);
      });
    },
    //清空所有筛选条件的方法
    clearAllCheck(){
        for (let i = 0; i < this.formLabelAlign.length; i++) {
          this.formLabelAlign.formLabelAlign[i] = ""; 
        }
        this.completeTime = "" 	//未分割的完整版时间区间
    },
    //将按钮禁用两秒
    disButton(){
      this.disTBN = true
      setTimeout(() => {
        this.disTBN = false
      }, 2000);
    },
    // 插入合计的数据
    summaryFun(){
      if (this.tableData == []) {
        return false;
      }else{
        let todayCount = null;
        let singingCount = null;
        let fkCount = null;
        let tomorrowCount = null;
        let jinJianCount = null;
        let jinJianSumMoney = null;
        let fkSumMoney = null;
        let thePayeeCount = null;
        let thePayeeSum = null;
        let tongShi = null; //通时
        let passTimes = null;
        let twoTongShi = null;
        let twoPassTimes = null;
        let invitation = null;
        let door = null;
        for (let i = 0; i < this.tableData.length; i++) {
          todayCount += this.tableData[i].todayCount; 
          singingCount += this.tableData[i].singingCount; 
          fkCount += this.tableData[i].fkCount; 
          tomorrowCount += this.tableData[i].tomorrowCount; 
          jinJianCount += this.tableData[i].jinJianCount; 
          jinJianSumMoney += this.tableData[i].jinJianSumMoney; 
          fkSumMoney += this.tableData[i].fkSumMoney; 
          thePayeeCount += this.tableData[i].thePayeeCount; 
          thePayeeSum += this.tableData[i].thePayeeSum; 
          tongShi += this.tableData[i].tongShi; 
          passTimes += this.tableData[i].passTimes; 
          twoTongShi += this.tableData[i].twoTongShi; 
          twoPassTimes += this.tableData[i].twoPassTimes; 
          invitation += this.tableData[i].invitation; 
          door += this.tableData[i].door; 
        }
        if (todayCount != null) {
          todayCount = todayCount.toString();
        } else {
          todayCount = "";
        }
        if (singingCount != null) {
          singingCount = singingCount.toString();
        } else {
          singingCount = "";
        }
        if (fkCount != null) {
          fkCount = fkCount.toString();
        } else {
          fkCount = "";
        }
        if (tomorrowCount != null) {
          tomorrowCount = tomorrowCount.toString();
        } else {
          tomorrowCount = "";
        }
        if (jinJianCount != null) {
          jinJianCount = jinJianCount.toString();
        } else {
          jinJianCount = "";
        }
        if (jinJianSumMoney != null) {
          jinJianSumMoney = jinJianSumMoney.toString();
        } else {
          jinJianSumMoney = "";
        }
        if (fkSumMoney != null) {
          fkSumMoney = fkSumMoney.toString();
        } else {
          fkSumMoney = "";
        }
        if (thePayeeCount != null) {
          thePayeeCount = thePayeeCount.toString();
        } else {
          thePayeeCount = "";
        }
        if (thePayeeSum != null) {
          thePayeeSum = thePayeeSum.toString();
        } else {
          thePayeeSum = "";
        }
        if (tongShi != null) {
          tongShi = tongShi.toString();
        } else {
          tongShi = "";
        }
        if (passTimes != null) {
          passTimes = passTimes.toString();
        } else {
          passTimes = "";
        }
        if (twoTongShi != null) {
          twoTongShi = twoTongShi.toString();
        } else {
          twoTongShi = "";
        }
        if (twoPassTimes != null) {
          twoPassTimes = twoPassTimes.toString();
        } else {
          twoPassTimes = "";
        }
        if (invitation != null) {
          invitation = invitation.toString();
        } else {
          invitation = "";
        }
        if (door != null) {
          door = door.toString();
        } else {
          door = "";
        }
        var obj = {  name: '总计',  todayCount: todayCount,door:door,invitation:invitation,twoPassTimes:twoPassTimes,twoTongShi:twoTongShi,passTimes:passTimes,tongShi:tongShi, jinJianCount:jinJianCount,thePayeeCount:thePayeeCount,thePayeeSum:thePayeeSum, fkSumMoney:fkSumMoney, jinJianSumMoney:jinJianSumMoney, singingCount: singingCount ,fkCount :fkCount, tomorrowCount:tomorrowCount}
        this.tableData.unshift(obj);  
      }     
    },
    //分页的方法
    handleSizeChange(val) {
      if (this.pageConfig.currentPage != 1) {
        this.pageConfig.currentPage = 1;
        this.pageConfig.pageSize = val;
         this.getTeamLogList()
      }else{
        this.pageConfig.pageSize = val;
         this.getTeamLogList()
      }
    },
    handleCurrentChange(val) {
      this.pageConfig.currentPage = val;
        this.getTeamLogList()
    },
    //获取详情当日上门数据的方法
    getDetailList(currentPage,pageSize){
      // console.log(this.totalIndex);
      var scopeOf = "";
      // if (this.teamLogForm.type == "today"&&this.totalIndex == 0 || this.teamLogForm.type == "tomorrow"&&this.totalIndex == 0) {
      if (this.totalIndex == 0) {
        scopeOf = "total"
      }else{
        scopeOf = this.formLabelAlign.scopeOf;
      }
      this.loading = true;
      var endtime = moment(new Date()).format("YYYY-MM-DD ");
      this.$axios
      .get(`/spider/theDoor/getTheDoorListById?userId=${this.currentUser.currentid}&endTime=${endtime}&scopeOf=${scopeOf}&name=${this.formLabelAlign.name}&parentName2=${this.formLabelAlign.parentName2}&parentName3=${this.formLabelAlign.parentName3}&parentName4=${this.formLabelAlign.parentName4}&searchType=${this.formLabelAlign.searchType}&time=${this.teamLogForm.time}&type=${this.teamLogForm.type}&currentPage=` + currentPage +`&pageSize=` + pageSize)
      .then(res => {
        // console.log(res);
        if (res.data.messageModel.code == 0) {
          //判断应该渲染哪个列表
          if (this.teamLogForm.type == "today") {
            //今日上门
            this.DStableData = res.data.dataModel.list;
            this.DSpageConfig.DStotal = res.data.dataModel.total;
          }else if (this.teamLogForm.type == "todayJinJian") {
            //当日进件
            this.DJtableData = res.data.dataModel;
            this.DJpageConfig.DJtotal = res.data.length;
          }else if (this.teamLogForm.type == "todayFk") {
            //当日放款
            this.DFtableData = res.data.dataModel;
            this.DFpageConfig.DFtotal = res.data.dataModel.total;
          }else if (this.teamLogForm.type == "tomorrow") {
            //次日上门
            this.CStableData = res.data.dataModel.list;
            this.CSpageConfig.CStotal = res.data.dataModel.total;
          }else if (this.teamLogForm.type == "danQian") {
            //当前审件
            this.SJtableData = res.data.dataModel;
            this.SJpageConfig.SJtotal = res.data.total;
          }
          this.loading = false
        }else{
          this.$message.error(res.data.messageModel.messageText);
          this.DStableData = [];
          this.DFtableData = [];
          this.CStableData = [];
          this.DSpageConfig.DStotal = 0;
          this.DFpageConfig.DFtotal = 0;
          this.CSpageConfig.CStotal = 0;
          this.loading = false
        }
      })
      .catch(error => {
        console.log(error);
        this.loading = false
      });
    },
    //查看详情
    checkDetail(index,val){
      // console.log(val.days);
      // console.log(index);
      this.totalIndex = index;
      if (index == 0) { //判断点击的是否为总计行
        this.formLabelAlign.name = this.formLabelAlign.city ;
      }else{
        this.formLabelAlign.name = val.name ;
      }
      if (val.days != undefined) {
        this.teamLogForm.time = val.days;  //殷露接口更新 val.days非空时就去当天的时间进行查询[01.14] (废除原来的days改用startTime(不含时分秒格式)01.10)
      }
      // 默认为当日上门
      this.teamLogForm.typeZH = "当日上门" ;
      this.dialogFormVisible = true ;
      const currentPage = this.DSpageConfig.DScurrentPage ;
      const pageSize = this.DSpageConfig.DSpageSize ;
      if (val.parentName2 == "null" || val.parentName2 == null) {
        this.formLabelAlign.parentName2 = "";
      }else{
        this.formLabelAlign.parentName2 = val.parentName2;
      }
      if (val.parentName3 == "null" || val.parentName3 == null) {
        this.formLabelAlign.parentName3 = "";
      }else{
        this.formLabelAlign.parentName3 = val.parentName3;
      }
      if (val.parentName4 == "null" || val.parentName4 == null) {
        this.formLabelAlign.parentName4 = "";
      }else{
        this.formLabelAlign.parentName4 = val.parentName4;
      }
      this.getDetailList(currentPage,pageSize)
    },
    //详情内容分页的方法
    detailhandleSizeChange(val) {
      // console.log(this.teamLogForm.type);
      const pageSize = 10;
      //判断应该渲染哪个列表
      if (this.teamLogForm.type == "today") {
        //今日上门
        const currentPage = this.DSpageConfig.DScurrentPage
        pageSize = this.DSpageConfig.DSpageSize
        if (currentPage != 1) {
          currentPage = 1;
          pageSize = val;
          this.getDetailList(currentPage,pageSize)
        }else{
          pageSize = val;
          this.getDetailList(currentPage,pageSize)
        }  
      }
      if (this.teamLogForm.type == "todayJinJian") {
        //当日进件
        const currentPage = this.DJpageConfig.DJcurrentPage
        pageSize = this.DJpageConfig.DJpageSize
        if (currentPage != 1) {
          currentPage = 1;
          pageSize = val;
          this.getDetailList(currentPage,pageSize)
        }else{
          pageSize = val;
          this.getDetailList(currentPage,pageSize)
        } 
      }
      if (this.teamLogForm.type == "todayFk") {
        //当日放款
        const currentPage = this.DFpageConfig.DFcurrentPage
        pageSize = this.DFpageConfig.DFpageSize
        if (currentPage != 1) {
          currentPage = 1;
          pageSize = val;
          this.getDetailList(currentPage,pageSize)
        }else{
          pageSize = val;
          this.getDetailList(currentPage,pageSize)
        } 
      }
      if (this.teamLogForm.type == "tomorrow") {
        //次日上门
        const currentPage = this.CSpageConfig.CScurrentPage
        pageSize = this.CSpageConfig.CSpageSize
        if (currentPage != 1) {
          currentPage = 1;
          pageSize = val;
          this.getDetailList(currentPage,pageSize)
        }else{
          pageSize = val;
          this.getDetailList(currentPage,pageSize)
        } 
      }
      if (this.teamLogForm.type == "danQian") {
        //当前审件
        const currentPage = this.SJpageConfig.SJcurrentPage
        pageSize = this.SJpageConfig.SJpageSize
        if (currentPage != 1) {
          currentPage = 1;
          pageSize = val;
          this.getDetailList(currentPage,pageSize)
        }else{
          pageSize = val;
          this.getDetailList(currentPage,pageSize)
        }
      }
    },
    detailhandleCurrentChange(val) {
      //判断应该改变哪个页面的页码变量
      if (this.teamLogForm.type == "today") {
        //今日上门
        this.DSpageConfig.DScurrentPage = val
        this.DcurrentPage = this.DSpageConfig.DScurrentPage
        // this.DpageSize = val; 
      }else if (this.teamLogForm.type == "todayJinJian") {
        //当日进件
        this.DJpageConfig.DJcurrentPage = val
        this.DcurrentPage = this.DJpageConfig.DJcurrentPage
        // this.DpageSize = val;
      }else if (this.teamLogForm.type == "todayFk") {
        //当日放款
        this.DFpageConfig.DScurrentPage = val
        this.DcurrentPage = this.DFpageConfig.DScurrentPage
        // this.DpageSize = val;
      }else if (this.teamLogForm.type == "tomorrow") {
        //次日上门
        this.CSpageConfig.CScurrentPage = val
        this.DcurrentPage = this.CSpageConfig.CScurrentPage
        // this.DpageSize = val;
      }else if (this.teamLogForm.type == "danQian") {
        //当前审件
        this.SJpageConfig.SJcurrentPage = val
        this.DcurrentPage = this.SJpageConfig.SJcurrentPage
        // this.DpageSize = val;
      }  
      this.getDetailList(this.DcurrentPage,this.DpageSize)
    },
    //查询
    checkCus(){
      this.disButton()
      this.loading = true
      if (this.currentUser.currentcity == null) {
        if (this.ShowCity == true && this.formLabelAlign.city == ""){
          this.$message.error("请选择城市");
          return false;
        }
      }
      if (this.completeTime != "" && this.formLabelAlign.dayType == "customize") {
        this.formLabelAlign.beginTime = (this.completeTime)[0];
        this.formLabelAlign.endTime = (this.completeTime)[1];
        this.formLabelAlign.beginTime = this.formLabelAlign.beginTime + " " + "00:00:00";
        this.teamLogForm.time = this.formLabelAlign.beginTime;
        this.formLabelAlign.endTime = this.formLabelAlign.endTime + " " + "23:59:59";
      }else{
        this.formLabelAlign.beginTime = this.formLabelAlign.beginTime;
        this.formLabelAlign.endTime = this.formLabelAlign.endTime;
      } 
      this.getTeamLogList();
    }
  },
  // 本地过滤器
  filters: {
    shieldName(val) {
      return val[0]+"**"
    },
    formatTime(value) {
      if (value == null) {
        return ""
      }
      // return moment(value).format("YYYY-MM-DD HH:mm:ss");
      return moment(value).format("YYYY-MM-DD");
    },
    panKong(val) {
      if (val != null && val != "") {
        return "--" + val
      }else{
        return ""
      }
    },
    IsSingning(val) {
      if (val == 0 || val == "0") {
        return "未签约"
      }else if (val == 1 || val == "1") {
        return "已签约"
      }else {
        return "未选签约状态";
      }
    },
    //判断星级状态
    levelKind(val) {
      // console.log(val);
      if (val == "0") {
        return  "0星"
      }else if(val == "1"){
        return  "1星"
      }else if(val == "2"){
        return  "2星"
      }else if(val == "3"){
        return "2星+"
      }else if(val == "4"){
        return  "3星"
      }else if(val == "5"){
        return "4星"
      }else{
        return ""
      }
    },
    //秒转为分钟
    SToMin(val){
      return Math.ceil(val/60);
      // return val;
    },
    IsComed(val){
      if (val == true || val == "true") {
        return "已上门"
      }else{
        return "未上门"
      }
    },
    // shieldName(val) {
    //   let newVal = "",
    //   newVal[0] =
    // }
  },
  created () {
    if(window.sessionStorage.getItem("userType") == 1)  this.formLabelAlign.type = "jm"
    // 团队日志
    this.formLabelAlign.searchType = "team"
    // const beginTime = new Date();
    // 默认时间近一周
    // this.formLabelAlign.beginTime = beginTime.setTime(beginTime.getTime() - 3600 * 1000 * 24 * 7);
    // this.formLabelAlign.beginTime = moment(this.formLabelAlign.beginTime).format("YYYY-MM-DD HH:mm:ss");
    this.formLabelAlign.beginTime = moment(new Date()).format("YYYY-MM-DD ") + " " + "00:00:00";
    this.teamLogForm.time = moment(new Date()).format("YYYY-MM-DD ");
    this.formLabelAlign.endTime = moment(new Date()).format("YYYY-MM-DD ")+ " " + "23:59:59";
    // console.log(this.$store.state.admin);
    // if (window.sessionStorage.getItem("prohibitLogin") == "true") {
    this.currentUser.currentName = window.sessionStorage.getItem("name")
    this.currentUser.currentid = window.sessionStorage.getItem("id")
    this.currentUser.currentLevel = window.sessionStorage.getItem("userLevel")
    this.currentUser.currentcity = window.sessionStorage.getItem("departmentName1")
    if (this.currentUser.currentLevel == 0 && this.currentUser.currentcity == "null") {
      this.ShowCity = true
      this.showForAD = true
      this.formLabelAlign.city = "上海"
      this.getTeamLogList()
      //获取所有城市
      this.$axios
        .get(`/spider/department/getAll`)
        .then(res => {
          this.cityselectList = res.data;
        })
        .catch(error => {
          console.log(error);
        });
    }else if (this.currentUser.currentLevel == 2) {  //分公司负责人
      this.showCengJi.fenGS = false;
      this.showForAD = false;
      this.formLabelAlign.city = this.currentUser.currentcity;
      this.getTeamLogList();
    }else if (this.currentUser.currentLevel == 3) {  //区域负责人
      this.showCengJi.fenGS = false;
      this.showCengJi.quyu = false;
      this.showForAD = false;
      this.formLabelAlign.city = this.currentUser.currentcity;
      this.getTeamLogList();
    }else if (this.currentUser.currentLevel == 4) {  //部门负责人
      this.showCengJi.fenGS = false;
      this.showCengJi.quyu = false;
      this.showCengJi.bumen = false;
      this.showForAD = false;
      this.formLabelAlign.city = this.currentUser.currentcity;
      this.getTeamLogList();
    }else{
      this.formLabelAlign.city = this.currentUser.currentcity;
      this.showForAD = false;
      this.getTeamLogList();
    }
  }
};
</script>

<style  lang='scss'>
.TeamLog-container {
  .el-form-item.BTN {
    /deep/.el-form-item__content{
          margin-left: 20px!important; 
    }
  }
  input.el-input__inner {
    width: 170px;
    height: 32px;
    padding-left: 10px;
}
//突出隔行的颜色差异
.el-table {
  font-size: 12px;
  .cell {
    padding-left: 1px;
    padding-right: 1px;
    text-align: center;
  }
  th {
    padding: 0;
  }
  .warning-row {
    background: #fff;
  }
   .success-row {
    background: #D3D3D3;
  }
  td {//取消单元格的上下padding
    padding: 0;
    border-bottom: 1px solid rgb(211, 205, 205);
  }
   .el-button--mini{
    border: 0;
    padding: 5px 15px;
    margin: 5px 0;
    background: rgba(255,255,255,0.01);
  }
  .toEdit:hover {
    color:skyblue;
  }
} 
// 时间分类框样式
 input.el-input__inner#kinds,
 input.el-input__inner#otherThing, 
 input.el-input__inner#addThing, 
 /deep/input.el-input__inner#time {
    width: 85px;
    padding-left: 7px;
    height: 32px!important;
  }
  .yaosile {
    width: 85px;
  }
// 日期选择器
daterange.el-input, .el-date-editor--daterange.el-input__inner, .el-date-editor--timerange.el-input, .el-date-editor--timerange.el-input__inner {
    width: 240px;
    height: 36px;
    vertical-align: middle;
    .el-date-editor .el-range__icon {
    line-height: 27px;
    }
    .el-date-editor .el-range-separator {
    width: 5%;
}
/deep/.block,
#block {
  border: none !important;
  /deep/.el-date-editor--daterange {
    width: 240px !important; 
  }
}
}
.el-form-item {
  display: inline-block;
  margin: 3px 0 3px 10px;
}
.el-form-item:nth-child(n + 6) {
  margin-top: 0;
}
.el-select.time {
  margin-left: 20px;
}
.el-input--suffix .el-input__inner.fanwei {
  padding-right: 30px;
  width: 30px;
}
.filterCondition {
  background-color: #fff;
  margin-bottom: 20px;
}
.check {
  margin-left: 22px;
  padding: 8px 20px;
}
.ell {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  // line-height: .9;
  margin: 0;
}
  .el-dialog{
    width: 76%;
    height: 68%;
    //分页框样式设置（避免页面被覆盖）
    .el-pagination .el-input__inner {
      width: 100px;
    }
    .el-dialog__header {
      padding: 10px 20px 10px;
    }
    .el-dialog__body{
      height: 75%;
      padding: 0px 10px;
      /deep/.el-table{
        height: 82%!important;
      }
      .el-dialog__title {
        font-size: 20px;
        font-weight: 700;
      }
    }
  }
}
</style>